<div class="text-left sub_titulo"><h3>Detalles del evento {$row.nombre}</h3></div>

<table width="612" border="0" class="table table-hover">
  <tr><td width="170" >Nombre: </td><td>{$evento[0].nombre}</td></tr>
  <tr><td width="170" >Categoría: </td><td>{$evento[0].categoria}</td></tr>
  <tr><td width="170" >Descripción: </td><td>{$evento[0].descripcion}</td></tr>
  <tr><td width="170" >Lugar: </td><td>{$evento[0].lugar}</td></tr>
  <tr><td width="170" >Entradas vendidas: </td><td>{$entradasVendidas[0].entradas}</td></tr>
  <tr><td width="170" >Fecha: </td><td>{$evento[0].fecha|date_format:"%d/%m/%Y"}</td></tr>
  <tr><td width="170" >Hora: </td><td>{$evento[0].hora|date_format:"%I:%M"}</td></tr>
  <tr><td width="170" >Días para el evento: </td><td>{$evento[0].dias}</td></tr>
  <tr><td width="170" >Imagen: </td><td><a href="/uploads/{$evento[0].imagen}" target="_blank"><img src="/uploads/mini/{$evento[0].imagen}" title="{$evento[0].nombre}" alt="{$evento[0].imagen}" /> </a></td></tr>
  <tr><td width="170" >
        <button type="button" class="btn btn-default btn-lg" onclick="window.location.href='/afiche/index/token/{$evento[0].token}/'">
            <span class="glyphicon glyphicon-picture"></span> Afiche
        </button>
  </td>
</table>
<table width="612" border="0" class="table table-hover">
  <tr>
    <th width="180" style="background-color: #000870;">Sector</th>
    <th width="180" style="background-color: #000870;">Capacidad total</th>
    <th width="180" style="background-color: #000870;">Precio</th>
    <th width="180" style="background-color: #000870;">Disponibles</th>
    <th width="180" style="background-color: #000870;">Vendidas</th>
    <th width="248" style="background-color: #000870;">Disponibilidad</th>
    <th width="248" style="background-color: #000870;">Comprar</th>

  </tr>
  {foreach $detalleSectores as $sector}
  <!--Creo link para actualizar categoria por id con row.id en nombre de categoria-->
  <tr>
     <td>{$sector.nombre}</td>
    <td>{$sector.capacidad}</td>
    <td>{$sector.precio}</td>
    <td>{$sector.disponibles}</td>
    <td>{$sector.vendidas}</td>
    
    {if $sector.disponibles == 0}
        <td style="color: white;background-color: grey;" >Entradas Agotadas </td>
    {elseif $sector.porcentaje < 10}
         <td class="danger">{$sector.porcentaje} %</td>
    {elseif $sector.porcentaje < 50}         
         <td class="warning">{$sector.porcentaje} %</td>
    {else}
         <td class="success">{$sector.porcentaje} %</td>
    {/if}
    <td>
    {if $sector.disponibles > 0 }
        <button type="button" class="btn btn-default btn-lg" onclick="window.location.href='/ticket/compra/ticket/{$sector.id}/'">
            <span class="glyphicon glyphicon-usd"></span> Comprar
        </button>
    {/if}    
    </td>
  {/foreach}
</table>

